<template>
    <el-container>
        <el-aside width="312px">
            <el-row class="tac">
                <el-col :span="24">
                    <el-menu default-active="2" class="el-menu-vertical-demo" :router="true">
                        <el-menu-item index="/account/manage" style="padding:0">
                            账号信息
                            <i class="el-icon-arrow-right"></i>
                        </el-menu-item>
                        <el-menu-item index="/account/compSet" style="padding:0">
                            公司设置
                            <i class="el-icon-arrow-right"></i>
                        </el-menu-item>
                    </el-menu>
                </el-col>
            </el-row>
        </el-aside>
        <el-main>
            <router-view></router-view>
        </el-main>
    </el-container>
</template>

<script>
export default {
    name: 'account_management',
    data() {
        return {};
    }
};
</script>

<style lang="css" scoped>
.el-container {
    width: 1200px;
    margin: 16px auto 0;
}
.el-aside {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    height: 300px;
    padding: 26px 16px;
}

.el-main {
    margin-left: 16px;
    width: 872px;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    padding: 0;
}
.el-menu{
    border: none;
}
.el-menu-item {
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 40px;
    color: rgba(34, 34, 34, 1);
    opacity: 1;
    margin-bottom: 20px;
    padding-left: 28px;
}
.el-menu-item i {
    float: right;
    margin-top: 14px;
    margin-right: 37px;
    height: 12px;
    line-height: 12px;
    width:6.27px;
    color:rgba(24, 147, 252, 1);
}
</style>